import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import {
  CurrencyPipe,
  DatePipe,
  TitleCasePipe
} from '@angular/common';

@Component({
  selector: 'app-root',
  imports: [RouterOutlet, TitleCasePipe, DatePipe, CurrencyPipe],
  templateUrl: './app.html',
  styleUrl: './app.css'
})
export class App {
  protected title = 'pipes';

  name:string | undefined;
  date:string | undefined;
  amount:number | undefined;

  onNameChange(value:string){
    this.name = value;
  }

  onDateChange(value:string){
    this.date = value;
  }

  onAmountChange(value:string){
    this.amount = parseFloat(value);
  }


}
